<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style type="text/css">
    body {
      background-color: rgb(242,242,242);
    }
    * {
      margin: 0 auto;
    }
  </style>
  <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div >
  <table class="table table-hover">
    <tr>
      <th>ID</th>
      <th>用户名</th>
      <th>账号</th>
      <th>实付</th>
      <th>付款时间</th>
    </tr>
    <tr th:each="scenery:${pageInfo.list}">
      <td th:text="${scenery.id}"></td>
      <td th:text="${scenery.username}"></td>
      <td th:text="${scenery.account}"></td>
      <td th:text="${scenery.paymoney}+'元'"></td>
      <td th:text="${scenery.createtime}"></td>
    </tr>
  </table>

</body>
</html>